﻿<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8">
		<title>界面演示</title>
		<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
		<style>
			*{margin: 0 auto;}
			body{
				background: #EEEEEE;
				font-family: "微软雅黑";
				color:#333333 ;
			}
			a{
				text-decoration: none;
				color:#888 ;
			}
			a:hover{
				color:red;
			}
			h1{
				letter-spacing: 3px;
				text-align: center;
				line-height: 48px;
				margin:10% 0px 40px;
				font-size: 36px;
				font-weight: 500;
			}
			table{
				border-collapse:collapse;
				border-spacing:0;
				table-layout:fixed;
				border:1px solid #d5d5d5;
				border-radius: 6px;
				width:700px;
				background: #f5f5f5;
				}
			thead{
				font-weight: 600;
			}
			tr{
				line-height: 36px;
				border-bottom:1px solid #d5d5d5;
			}
			td{
				padding: 5px 10px;
			}
			thead tr td{
				color: #555555;
				font-size: 17px;
			}
			tbody tr td{
				font-size: 15px;
				color: #676767;
			}
			tr td:first-child{
				width:75%;
				border-right:1px solid #d5d5d5;
			}
			tr td:last-child{
				text-align: center;
			}
		</style>
	</head>
	<body>
		<h1>界面演示入口</h1>
		<table>
			<thead>
				<tr>
					<td>界面名称</td>
					<td>操作</td>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>和雅教师</td>
					<td><a href="heYaTeacher.html" target="_blank">查看详情</a></td>
				</tr>
				<tr>
					<td>七彩百合少年</td>
					<td><a href="juvenile.html" target="_blank">查看详情</a></td>
				</tr>
				<tr>
					<td>其他页面</td>
					<td><a href="#" target="_blank">查看详情</a></td>
				</tr>
				<tr>
					<td>其他页面</td>
					<td><a href="#" target="_blank">查看详情</a></td>
				</tr>
				<tr>
					<td>其他页面</td>
					<td><a href="#" target="_blank">查看详情</a></td>
				</tr>
				<tr>
					<td>其他页面</td>
					<td><a href="#" target="_blank">查看详情</a></td>
				</tr>
			</tbody>
		</table>
	</body>
</html>
